/* 自定义修改 ElementUI 库的默认样式为常用样式，以及修复细微样式偏差，建议使用该样式库的组件都统一引入 */

/* 来源于 assets/style/element.css */

.el-button {
    & + .el-button {
        margin-left: 8px;
    }

    &.el-button--text {
        margin-left: 0;
    }
}

.el-image {
    width: 100%;
    height: 100%;

    & > .el-image__inner {
        width: 100%;
        height: 100%;
    }
}

.el-cascader {
    height: 24px;
    overflow: visible !important;

    & > .el-input {
        height: 24px;
        overflow: hidden;
        box-sizing: border-box;

        & > .el-input__inner {
            height: 100%;
            transform: translateY(-1px);
            border: none;
        }

        & > .el-input__suffix {
            height: 100%;
        }
    }
}

.el-cascader__dropdown {
    & > .el-cascader-panel {
        & .el-cascader-node {
            padding-left: 10px;
        }

        & .in-active-path {
            .el-cascader-node__label {
                font-weight: normal !important;
            }
        }
    }
}

.el-form {
    & > .el-form-item {
        & > .el-form-item__label {
            position: relative;
            padding-right: 22px;

            &::before {
                position: absolute;
                right: 6px;
            }
        }
    }
}

.el-collapse {
    & > .el-collapse-item {
        & > div {
            & > .el-collapse-item__header {
                padding-left: 10px;
            }
        }
    }
}

.el-checkbox {
    margin-right: 24px;
}

.el-select__popper {
    & > .el-select-dropdown {
        & .el-select-dropdown__list {
            & > .el-select-dropdown__item {
                padding: 0 16px;

                & i[class^="el-icon-"] {
                    cursor: pointer;
                    color: #606266;

                    &.el-icon-delete {
                        &:hover {
                            color: #f56c6c;
                        }
                    }
                }
            }
        }
    }
}

.el-overlay {
    & > .el-overlay-dialog {
        & > .el-dialog {
            border-radius: 4px;

            & > .el-dialog__header {
                padding: 8px 14px;

                & > .el-dialog__title {
                    font-size: 16px;
                }

                & > .el-dialog__headerbtn {
                    top: 10px;
                    right: 10px;
                    width: 24px;
                    height: 24px;
                }
            }
        }
    }
}
